<!-- 列表 -->
<div *ngIf="listData?.data && listData?.data.length;else other_content">
  <ion-content class="list-box" style="position: absolute" [forceOverscroll]="true">
    <div id='ContractListFilterComponent{{i}}' #listBox class="list-card"
      *ngFor="let listInfo of listData?.data,let i = index" appDebounceClick (debounceClick)="clickLink(listInfo?.link)">
      <!-- 图片 -->
      <div class="card-img"><img class="card-img"
          src="{{listInfo?.imageUrl}}"
          onerror="this.src='assets/img/default_img_square.png'" /></div>
      <div class="card-info">
        <!-- 标题 -->
        <div class="info-title">
          <span class="info-title-span" *ngIf="listInfo?.title?.firstText?.label" [innerHtml]="listInfo?.title?.firstText?.label | parseStyle"></span>
          <div *ngIf="listInfo?.title?.authTag?.ifauth" class="auth">{{ listInfo?.title?.authTag?.label }}</div>
        </div>
        <!-- 信息 -->
        <div class="info-in">
          <span [innerHtml]="listInfo?.secondRowLeft?.text"></span>
          <span *ngIf="listInfo?.secondRowRight?.textLabel?.label" class="marginL125"
            [innerHtml]="listInfo?.secondRowRight?.text"></span>
          <span *ngIf="listInfo?.secondRowRight?.textLabel?.label"
            [ngStyle]="listInfo?.secondRowRight?.textLabel?.cssStyle | styleFilter"
            [innerHtml]="listInfo?.secondRowRight?.textLabel?.label"></span>
        </div>
        <!-- tag 最多四个 -->
        <div *ngIf="listInfo?.thirdRowLeft?.labelList?.label" class="info-tag-box">
          <div class="info-tag" *ngFor="let tag of listInfo?.thirdRowLeft?.labelList?.label.split(';').slice(0,4), let x = index"
            [innerHtml]='tag'></div>
        </div>
      </div>
    </div>

    <!-- 向上滚动刷新 -->
    <ion-infinite-scroll (ionInfinite)="loadMoreData($event)">
      <ion-infinite-scroll-content loadingSpinner="bubbles" loadingText="Loading more data...">
      </ion-infinite-scroll-content>
    </ion-infinite-scroll>
  </ion-content>
</div>

<ng-template #other_content>
  <div class="noDataButton">暂无数据</div>
</ng-template>